<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>按钮的预定义样式</title>
    <link href="../css/bootstrap.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
</head>
<body>
<div class="container">
    <form action="check.html">
    <button class="btn btn-default" type="button">提交</button>
    <button class="btn btn-primary" type="button">提交</button>
    <button class="btn btn-success" type="button">提交</button>
    <button class="btn btn-info" type="button">提交</button>
    <button class="btn btn-warning" type="button">提交</button>
    <button class="btn btn-danger" type="button">提交</button>
    <button class="btn btn-link" type="submit">提交</button>
   <a class="btn btn-primary" href="col.html">这是一个链接</a></form>
    <br>
   <!--按钮尺寸-->
   <button class="btn btn-primary btn-lg" type="button">提交</button>
    <button class="btn btn-primary btn-sm" type="button">提交</button>
    <button class="btn btn-primary btn-xs" type="button">提交</button><br><br>
    <!--块级元素-->
    <button class="btn btn-primary btn-lg btn-block" type="button">提交</button><br><br>
    <!--激活状态-->
    <button class="btn btn-primary" type="button">提交</button>
    <a class="btn btn-primary active" href="col.html">这是一个链接</a>
    <button class="btn btn-primary active" type="button">提交</button><br><br>
    <!--禁用状态-->
    <button class="btn btn-primary" type="button">提交</button>
    <button class="btn btn-primary" type="button" disabled>提交</button>
</div>
</body>
</html>